{{ define "content"}}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <title>博客</title>

  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
  <!-- Google Fonts Roboto -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
  <!-- MDB ESSENTIAL -->
  <link rel="stylesheet" href="/css/mdb.min.css" />
  <!-- MDB PLUGINS -->
  <link rel="stylesheet" href="/css/all.min.css" />
  <!-- Your custom styles (optional) -->
  <link rel="stylesheet" href="/css/style.css">
  
</head>

<body>

<section class="mb-10">

    <!-- 帖子的头部，包括 标题和作者-->
    <div class="p-5 text-center bg-image" style="
                  background-image: url('https://mdbootstrap.com/img/new/blog/7.jpeg');
                  height: 550px;
                ">
      <div class="mask" style="background-color: rgba(26, 76, 187, 0.5)">
        <div class="container h-100">
          <div class="row d-flex justify-content-center align-items-center h-100">
            <div class="col-12">
              <div class="text-white">
                <h1 class="mb-5 display-1 fw-bold ls-tight">
                 {{ .APost.Title}}
                </h1>
                <div class="d-flex text-center justify-content-center">
                  <h6 class="text-uppercase">
                    <a href="/home/{{ .APost.User_id }}" class="text-reset">{{ .APost.Author}}</a>
                  </h6>
                  
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 内容部分 -->
    <div class="container" style="margin-top: -100px;">
      <div class="rounded-6 bg-white position-relative py-5 px-4">
        <div class="row justify-content-center">
          <div class="col-lg-11 col-xl-10">
            <!-- 导读 -->

            <p class="lead fw-normal mb-4">{{ .APost.Content }}</p>
         
                     
                <div class="d-flex justify-content-center text-center border-top"
              style="border-top: 2px solid #f5f5f5 !important">
              <div class="my-4">
                <a href="#!"><span class="me-2">Like</span><i class="fas fa-thumbs-up me-3"></i></a>
                <a href="#!"><span class="me-2">Comment</span><i class="fas fa-comment me-3"></i></a>
                <a href="#!"><span class="me-2">Share</span><i class="fas fa-share me-3"></i></a>
                <a href="#!"><span class="me-2">Save</span><i class="fas fa-bookmark"></i></a>
              </div>
            </div>
          </div>
        </div>
  
      </div>
    </div>
  
  </section>
  <!--  -->



</body>

<!-- MDB ESSENTIAL -->
 <script type="text/javascript" src="/js/mdb.min.js"></script>
<!-- <script type="text/javascript" src="/js/mdb.pro.js"></script>  -->
<!-- MDB PLUGINS -->
<script type="text/javascript" src="/js/all.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript" src="/js/index.js"></script>
<!-- MDB -->
<script
  type="text/javascript"
  src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/6.2.0/mdb.min.js"
></script>
</html>

{{ end }}